<template>
  <view>
    <view class="p-24px m-32px text-16px w-100px h-200px">
      p-24px m-32px text-16px w-100px h-200px
    </view>

    <view class="p-48rpx m-64rpx text-32rpx w-200rpx h-400rpx">
      p-48rpx m-64rpx text-32rpx w-200rpx h-400rpx
    </view>

    <view class="px-tranform">
      px
    </view>

    <view class="rpx-tranform">
      rpx
    </view>
  </view>
</template>


<style>
.px-tranform{
  padding: 24px;
  margin: 32PX;
  font-size: 16px;
  line-height: 48px;
  width: 100px;
  height: 200px;

}

.rpx-tranform{
  padding: 24rpx;
  margin: 32rpx;
  font-size: 16rpx;
  line-height: 48rpx;
  width: 100rpx;
  height: 200rpx;
}
</style>
